header {
    max-width: 1250px; min-width: 980px;
    margin: 0 auto; }
    header .logo {
     float:left; }
    header .right {
     margin-left:120px; float: none;}
    nav.main-menu {
        margin: 0 135px 0 0;
        padding: 2px 0 0 0;}
    nav.main-menu ul {
        width:100%;
        display:table;
        margin: 0; padding: 0;
        color:#504f50;
       }
    nav.main-menu ul ul {
        visibility: hidden; }
    nav.main-menu ul > li { 
        margin:0; padding:0 0 8px 8px;
        display:table-cell;
        position:relative; z-index:999; background: none; }
    nav.main-menu ul li:hover ul {
        visibility:visible; }
    nav.main-menu a,
    nav.main-menu a:hover {
        padding-right:15px;
        color:#504f50;
        text-decoration:none;
        font-weight:bold;
        background: url(/common/img/new_view/m__arrow-bottom-red.png) right 8px no-repeat;
        transition: color 0.5s ease;}
    nav.main-menu ul li:hover > a {
        color:#bd0035; }
    nav.main-menu ul li a,
    nav.main-menu ul li a.active {
        color:#333;
        font-size:17px; line-height:18px; text-transform:uppercase; white-space: nowrap;
        z-index:998;}
    nav.main-menu ul li span {
      /* width:0; height:0;
       display:block;
       position:relative; */}
    nav.main-menu ul ul li {
        width:100%;
        display:block;
        margin:0; padding:0; height: 16px;
        background:url(/common/img/li_red.gif) 0 center no-repeat; }
    nav.main-menu ul ul {
       width:265px;
       padding:30px 0 0 30px;
       display:block;
       position:absolute; left:-10px; top:0; z-index:1000;
       background:url(/common/img/m-authority-ru.png); background-repeat: no-repeat;}
    nav.main-menu ul ul a { 
       height:auto;
       padding:0 0 0 15px;
       color:#000; font-size:12px; line-height:16px;
       text-align:left; text-decoration:underline; text-transform:none; font-weight: normal;}
    nav.main-menu ul ul a,
    nav.main-menu ul ul a:hover { background:none; font-weight: normal; }
    
    #item-1 ul.en-item {/*left: 2px;*/}
    #item-2 ul {
        /*width:235px; height:115px;
        padding-top:35px;
        left:-30px;
        background:url(/common/img/m-authority-ru.png);background-repeat: no-repeat; */}
    #item-2 ul.en-item {
        /*width: 270px;
        left: -90px;
        background:url(/common/img/m-authority-en.png);background-repeat: no-repeat;*/ }
    #item-3 ul {
        /*width:166px; height:100px;
        padding-top:35px;
        left:-13px;
        background:url(/common/img/m-mayor.png);background-repeat: no-repeat;*/ }
    #item-3 ul.en-item {/*left: 40px;background:url(/common/img/m-mayor-en.png); height: 110px;*/}
    #item-4 ul {
         /*width:166px; height:175px;
       padding-top:35px;
        left:-13px;
        background:url(/common/img/m-press-center.png); background-repeat: no-repeat;*/ }
    #item-4 ul.en-item {
        /*background:url(/common/img/m-press-center-en.png); background-repeat: no-repeat;*/}
    #item-5 ul {
        /*width:256px; height:88px;
        padding-top:35px;
        left:auto; right:-190px;
        background:url(/common/img/m-documents.png); background-repeat: no-repeat; */}


.main-menu {

}

    .main-menu ul > li {
        position: relative;
    }

    .main-menu li > span {
        position: relative;
        left:auto;
        vertical-align: top;
    } 

    .main-menu li > span > ul:before,
    .main-menu li > span > ul:after {
        display: block;    
        content: '';
        position: absolute;
        width: 100%;
        height: 22px;
        left: 0;
        top: 0;
    } 

    .main-menu li > span > ul:before {
        background-position: 0 top;
        top: -22px;
    } 

    .main-menu li > span > ul:after {
        background-position: 0 bottom;
        top: auto;
        bottom: -22px;
    }

        .main-menu li > span > ul {
            background-position: 0 -22px;
            position: absolute;
            margin: 22px 0;
            padding: 15px 0 15px 25px;
            left: -147px;
            top: 20px;
        } 


    #item-1 > span > ul,
    #item-1 > span > ul:after,
    #item-1 > span > ul:before {
        background-image: url(/common/img/m-about.png);
        width: 223px;
        
    }

    #item-2 > span > ul,
    #item-2 > span > ul:after,
    #item-2 > span > ul:before {
        background-image: url(/common/img/m-authority-ru.png);
        width: 265px;
        
    }

    #item-2 > span > ul.en-item,
    #item-2 > span > ul.en-item:after,
    #item-2 > span > ul.en-item:before {
        background-image: url(/common/img/m-authority-en.png);
        width: 300px;
        
    }


    #item-3 > span > ul,
    #item-3 > span > ul:after,
    #item-3 > span > ul:before {
        background-image: url(/common/img/m-mayor.png);
        width: 196px;
        
    }

    #item-4 > span > ul,
    #item-4 > span > ul:after,
    #item-4 > span > ul:before {
        background-image: url(/common/img/m-press-center.png);
        width: 196px;
        
    }

    #item-5 > span > ul,
    #item-5 > span > ul:after,
    #item-5 > span > ul:before {
        background-image: url(/common/img/m-documents.png);
        width: 256px;
        
    }

    #item-2 > span > ul {
        
        left: -212px;    
    } 

    #item-2 > span > ul.en-item {
        
        left: -248px;    
    }

    #item-3 > span > ul {
        left: -138px; 
    }

    #item-4 > span > ul {
        left: -138px; 
    }

    #item-5 > span > ul {
        left: -224px; 
    }






    
    header .panel-wrap {
        height: 63px;
        position: relative; right: 0; top: 0;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        background: #eaeced;
        background: -moz-linear-gradient(top,#fefefe,#eaeced);
        background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eaeced));
        filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#fefefe,endColorstr=#eaeced,GradientType=0); zoom: 1;
        background: linear-gradient(top,#fefefe,#eaeced);
        margin: 0 0 33px;
        border-bottom: 1px #e9ebec solid; border-top: 1px #fff solid; box-shadow: 0px 1px 0px #d1d3d8;}

    header .b-podmenu {
        float: right;
        position: absolute; right: 20px; top: 24px;
        text-align: right; white-space: nowrap; zoom: 1; }

        header .b-podmenu .special-blind a {
            color: #626262 !important; font-size: 11px; text-decoration: none; text-transform: uppercase;
            border-bottom: 1px solid #ccc; }

        header .b-podmenu .toggle-lang {
            color: #b9bbc0; white-space: nowrap;
            margin: 0 12px; }
            header .b-podmenu .toggle-lang a,
            header .b-podmenu .toggle-lang span {
                color: #b80033; font-size: 11px; font-weight: bold;
                text-decoration: none; text-transform: uppercase; }
            header .b-podmenu .toggle-lang a.active,
            header .b-podmenu .toggle-lang span.active { color: #666; }
            header .b-podmenu .toggle-lang i { margin:0 5px; }
    .headBlock-wrap {
        padding: 0px 380px 0 0;
        position: relative; }
    .m__header-frame {
        width: 150%; height: 58px;
        padding: 0px;
        float: left;
        margin: 0;
        position: relative; }
    .m__header-frame iframe {
        height: 51px !important;
        position: relative; }

    nav.icon-menu { 
        overflow:hidden;
        position:relative; top:3px;
        display:inline-block; vertical-align:top; }
        nav.icon-menu a {
            width:13px; height:13px;
            float:left;
            margin-left:12px; line-height: .7em; }
            nav.icon-menu .icon-menu_mobile img {
                position:relative; top:-13px; }
            nav.icon-menu .icon-menu_map img {
                position:relative; top:-26px; }

    .btn-feedback {
        width:132px;
        height:21px;
        position: relative;
        display: block;
        float: right;
        }
        .btn-feedback a {
            background:url(/common/img/new_view/btn-feedback.png) no-repeat;
            text-align: center;
            display: block;
            height:22px;
            color:#fff;
            font-size:10px;
            font-style: normal;
            text-transform:uppercase;
            text-decoration: none;
            line-height:22px;
             }        
        .btn-feedback a:hover {
            background-position: 0 -23px;
            color:#fff;}
        .btn-feedback a:active {
            top: 1px;
            background-position: 0 -46px;
            color:#fff;}

#m_breadcrumb {
    margin: 0px auto;
    padding: 0px;
    min-width: 980px;
    max-width: 1220px;
    font-size: 12px;
    clear: both;
    position: relative;
    top: -10px;
}

#m_breadcrumb ul {
    padding: 0px 0 0px 9px;
}

#m_breadcrumb ul li {
    float: left;
    margin-right: 10px;
    margin: 0px;
    padding: 0px;
    background: none;
}

#m_breadcrumb ul li a {
    display: block;
    color: #2d2d2d;
    padding: 0 7px;
    text-decoration: none;
}

#m_breadcrumb ul li a i {
    border-bottom: 1px #ccc solid;
}

#m_breadcrumb ul li a.first_crumb {
    padding: 0 7px 0 0px;
    white-space: nowrap;
}

#m_breadcrumb ul li span.active_breadcrumb i {
    color: #A90A2E;
    text-decoration: none;
    padding: 0 7px;
    border-bottom: 0px;
}

/*   End Header */
.main-title {
    padding-bottom: 10px;
    color: #9e001e;
    font-size: 24px;
    line-height: 35px;
    font-weight: normal;
    margin: 0px 0px 10px;
    border-bottom:2px solid #9e001e;
}

.m__sub-menu {
    padding-top:10px;
    position:relative;
    max-width: 1250px;
}

    .m__sub-menu ul,
        .m__sub-menu li {
            margin:0; padding:1px 0;
            background:#f6f6f6; background-image: none;}

    .m__sub-menu ul { padding: 0 1%; display: block;}

        .m__sub-menu li {
            display:inline-block; vertical-align:middle;
            list-style:none;
            text-align:center; }

        .m__sub-menu li.sp { width:10%; }

            .m__sub-menu a {
                color:#3b3b3b; font-size:15px;
                text-decoration:none; text-transform:uppercase; }

            .m__sub-menu a.active {
                color:#9e001e; }

            .m__sub-menu li span {
                width:5px; height:5px;
                display:block;
                margin:0 auto;
                background:#910811; }

@media only screen and (max-width:1250px) {       
    .m__sub-menu li.sp { width:9%; }
}
@media only screen and (max-width:1180px) {       
    .m__sub-menu li.sp { width:8%; }
}
@media only screen and (max-width:1120px) {       
    .m__sub-menu li.sp { width:6%; }
}
@media only screen and (max-width:1050px) {       
    .m__sub-menu li.sp { width:5%; }
}

/*  footer  */

footer {
    min-width: 980px;
    clear: both;
    margin: 10px auto 0;
    background: #f1f1f1;
    background: linear-gradient(top,#f1f1f1,#fff);
    background: -moz-linear-gradient(top,#f1f1f1,#fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#fff));
    zoom: 1;
    }

footer .inner {
    min-width: 940px; max-width: 1250px;
    position: relative;
    margin: 0 auto;
    font-size: 11px;
    clear: both; }

    footer .inner a {
        color: #474747;
        text-decoration: none;
        line-height: 1.6em;
    }
    footer .inner a:hover {
        text-decoration: underline; }

    footer .inner b {
        font-size: 14px;
        font-weight: bold; }


    footer .b-footer_content {
        min-height: 200px;
        padding: 40px 8px 20px 8px; }

    footer .inner td {
        padding: 0 0 0 20px;
        vertical-align:top; }

    footer .inner .copyright {
        width: 250px;
        padding: 0 40px;
        float: left;
        color: #828282; }

    footer .inner .copyright a {
        text-decoration: underline; }

    footer .inner .copyright a:hover {
        text-decoration: none; }

    footer .inner .copyright .date {
        font-size:14px; font-weight:bold; }

    footer .inner .copyright b {
      font:16px Georgia,Helvetica; }

    footer .inner .copyright p {
      padding-top:0; margin-top:0;
      padding-bottom:12px; }

    footer .inner .copyright .lnk,
    footer .inner .copyright .lnk a {
        color: #a90a2e; }

    footer .inner h3,
    footer .inner div.f-title {
        padding-bottom: 10px;
        font-size: 11px; text-transform: uppercase; }

    footer .inner h3 a,
    footer .inner div.f-title a {
        color: #a90a2e !important; }

    footer .inner nav ul {
        padding: 0px;
        margin: 0; }

    footer .inner nav li {
        padding: 0;
        margin: 0;
        background: none; }

    footer .inner nav {
        margin-left: 330px; }

    footer .inner nav table {
        width: 99%; }

    footer .inner nav table td {
        width: 20%; }

/* bottom banners */
    footer .bottom_ban {
        padding: 15px 0;
        clear: both;
        min-width: 940px;
        max-width: 1250px;
        margin: 0 auto; }

    footer .bottom_ban table {
        width: 100%; }

    footer .bottom_ban table td {
        width: 16%;
        padding: 0 10px;
        border-right: 1px solid #e5e5e5;
        border-collapse: collapse;
        vertical-align:top; }

    footer .bottom_ban table td.last { border:0; }

        footer .bottom_ban a {
            width: 100%; height: auto;
            display: block;
            text-transform: uppercase; text-decoration: none;
            text-align: center;
            color: #828282; line-height: 12px; }

        footer .bottom_ban a:hover {
            color: #a90a2e; text-decoration: none; }

        footer .bottom_ban a span {
            font-size: 10px;
            display: block;
            margin: 10px 15px 10px 20px; }

        footer .bottom_ban a span strong {
            color: #474747; }

        footer .bottom_ban a em {
            padding-top: 2px;
            display: block;
            font-size: 9px; font-style: normal; }

#backlink {
    float: right;
    position: relative;
    top: 15px;
}

#backlink a {
    
    font-size: 13px;
    text-transform: uppercase;
    color: #9B0623;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    background: url(/common/img/back-arrow.png) no-repeat 0 0;
    line-height:17px;
    height: 17px; 
    display: block;
}